<template>
  <div class="one-dish">
    <div class="dish-title" style="text-align: center;">
      <p>{{dishitem.name}}</p>
    </div>
    <div class="dish-img" style="margin: 10px 0;text-align: center; height: 60px; background-color: green">
      <img src="http://q7yaesomv.bkt.clouddn.com/QQ%E5%9B%BE%E7%89%8720200327115152.png" alt="" style="width: 100%">
    </div>
    <div class="perPrice" style="text-align: center">￥{{dishitem.price}}</div>
    <Dishoperate :dish="dishitem" :seatnum="seatnum"></Dishoperate>
  </div>
</template>

<script>
  import Dishoperate from './DishOperate';
  export default {
    name: "OneDish",
    props: {
      'dishitem': Object,
      'seatnum':Number
    },
    components: {
      Dishoperate
    },
    data() {
      return {
        number: 0,
      }
    },
    created() {
    }
  }
</script>

<style lang="less" scoped>
.one-dish {
  /*height: 120px;*/
  background-color: white;
  border-radius: 10px;
  padding: 10px;
}
</style>